<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>直播课程表</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>

<header class="bar bar-nav bg-gradient__wrap">
    <a class="icon iconfont icon-fanhui pull-left" href="javascript:window.history.go(-1);"></a>
    <a class="icon icon-down pull-right lectureDateBtn"></a>
    <h1 class='title bg-gradient'>直播课程表</h1>
</header>

<div class="content wm-content ovf" style="top: 2.15rem;">
    <section class="bg-gradient pr">
        <div class="lecture-date__wrap">
            <section class="lecture-date-title">
                <ul>
                    <li>周一</li>
                    <li>周二</li>
                    <li>周三</li>
                    <li>周四</li>
                    <li>周五</li>
                    <li>周六</li>
                    <li>周日</li>
                </ul>
                <ul class="lecture-date-num"></ul>
            </section>
            <section class="lecture-date-bx"></section>
        </div>
    </section>

    <article>
        <div class="page-infinite__wrap history-lecture-page__wrap">
            <div class="page-group">
                <div id="page-infinite-scroll-bottom" class="page page-current">
                    <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                        <div class="pr">
                            <div class="wm-buttons-tab__wrap class-schedule-bTab">
                                <div class="buttons-tab wm-buttons-tab">
                                    <a href="#tab1" class="tab-link button active">全部</a>
                                    <a href="#tab2" class="tab-link button">直播课</a>
                                    <a href="#tab3" class="tab-link button">小班课</a>
                                </div>
                            </div>
                        </div>
                        <div class="tabs class-schedule-list">
                            <div id="tab1" class="tab active">
                                <section class="no-data__wrap no-account-data__wrap">
                                    <em>&nbsp;</em>
                                    <p>亲，今日暂无可学习的课程~~~</p>
                                </section>
                            </div>
                            <div id="tab2" class="tab">
                                <div class="lecture-list__wrap">
                                    <div class="list-block no-mt">
                                        <ul class="list-container history-lecture-list record-list">
                                            <li class="item-content pt5">
                                                <div class="item-media">
                                                    <span class="lecture-icon"></span>
                                                </div>
                                                <div class="item-inner h-item-inner s-r-inner" style="white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">
                                                    <section class="item-title">
                                                        <a class="item-content-record">
                                                            <div class="item-inner inner-record">
                                                                <section class="item-title">
                                                                    <div class="ellipsis">
                                                                        <span class="fs7 c-888">[直播课] 短视频涨粉策略技能强化</span>
                                                                    </div>
                                                                    <div class="mt5">
                                                                        <span class="wm-cm-title">第一章节：软分叉与硬分叉</span>
                                                                        <span class="wm-cm-title"> — </span>
                                                                        <span class="wm-cm-title">第二节：在线讲解分叉原理</span>
                                                                    </div>
                                                                </section>
                                                            </div>
                                                        </a>
                                                        <section class="pt5">
                                                            <div class="row no-gutter">
                                                                <aside class="col-60">
                                                                    <span class="fs4 c-666">今日 15:22</span>
                                                                    <span class="fs4 c-666">「已结束」</span>
                                                                </aside>
                                                                <aside class="col-40 text-right">
                                                                    <a href="" class="button button-fill button-round disabled watch-live"> 看回放 </a>
                                                                </aside>
                                                            </div>
                                                        </section>
                                                    </section>
                                                </div>
                                            </li>
                                            <li class="item-content pt5">
                                                <div class="item-media">
                                                    <span class="lecture-icon"></span>
                                                </div>
                                                <div class="item-inner h-item-inner s-r-inner" style="white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">
                                                    <section class="item-title">
                                                        <a class="item-content-record">
                                                            <div class="item-inner inner-record">
                                                                <section class="item-title">
                                                                    <div class="ellipsis">
                                                                        <span class="fs7 c-888">[小班课] 短视频涨粉策略技能强化</span>
                                                                    </div>
                                                                    <div class="mt5">
                                                                        <span class="wm-cm-title">第一章节：软分叉与硬分叉</span>
                                                                        <span class="wm-cm-title"> — </span>
                                                                        <span class="wm-cm-title">第二节：在线讲解分叉原理</span>
                                                                    </div>
                                                                </section>
                                                            </div>
                                                        </a>
                                                        <section class="pt5">
                                                            <div class="row no-gutter">
                                                                <aside class="col-60">
                                                                    <span class="fs4 c-666">今日 15:22</span>
                                                                    <span class="fs4 c-red">「正在直播」</span>
                                                                </aside>
                                                                <aside class="col-40 text-right">
                                                                    <a href="" class="button button-fill button-round button-danger button-inline fs6"> 进入直播 </a>
                                                                </aside>
                                                            </div>
                                                        </section>
                                                    </section>
                                                </div>
                                            </li>
                                            <li class="item-content pt5">
                                                <div class="item-media">
                                                    <span class="lecture-icon"></span>
                                                </div>
                                                <div class="item-inner h-item-inner s-r-inner" style="white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">
                                                    <section class="item-title">
                                                        <a class="item-content-record">
                                                            <div class="item-inner inner-record">
                                                                <section class="item-title">
                                                                    <div class="ellipsis">
                                                                        <span class="fs7 c-888">[小班课] 短视频涨粉策略技能强化</span>
                                                                    </div>
                                                                    <div class="mt5">
                                                                        <span class="wm-cm-title">第一章节：软分叉与硬分叉</span>
                                                                        <span class="wm-cm-title"> — </span>
                                                                        <span class="wm-cm-title">第二节：在线讲解分叉原理</span>
                                                                    </div>
                                                                </section>
                                                            </div>
                                                        </a>
                                                        <section class="pt5">
                                                            <div class="row no-gutter">
                                                                <aside class="col-60">
                                                                    <span class="fs4 c-666">今日 15:22</span>
                                                                    <span class="fs4 c-666">「未开始」</span>
                                                                </aside>
                                                                <aside class="col-40 text-right">
                                                                    <a href="" class="button button-fill button-round button-success watch-live live-playback"> 未开始 </a>
                                                                </aside>
                                                            </div>
                                                        </section>
                                                    </section>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div id="tab3" class="tab">
                                333qadf
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/course/open/open-history.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/course/open/current-week.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
</body>
</html>